<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
<body>
<h1>完整demo</h1>
<!--加载编辑器的容器-->
<div id="editor">
    <div id='edit'></div>
</div>
</body>
<!--实例化编辑器-->
<script type="text/javascript" src="froalaEditor/froala_common.js"></script>
<script type="text/javascript">
    $(function(){
        $('#edit').froalaEditor({
            fullPage: true,
            language: 'zh_cn',
            quickInsertButtons: ['image', 'table', 'ol', 'ul'],
            imageUploadURL: base_url + "/editor/froalaUploadFiles", //上传图片接口
            videoUploadURL: base_url + "/editor/froalaUploadFiles" //上传视频接口
        })
    });

    //获取内容
    var content = $('#edit').froalaEditor('html.get', true);
    //编辑内容
    $('#edit').on('froalaEditor.initialized', function (e, editor) {
        $('#edit').froalaEditor('html.set', result.content);
    }).froalaEditor({})
</script>
</html>